﻿/**
 *name: icon.less;
 *function: bhv-tv;
 *creator: Dora;
 *modify: none;
 *update-time: 2014-12-16;
 **/

.icon {
  background-image: url("../../image/icon.png");
  background-repeat: no-repeat;
  &.icon-logo {
    background-position: -1px -148px;
    width: 198px;
    height: 23px;
  }
  &.icon-title-trend {
    background-position: -32px -65px;
    width: 35px;
    height: 30px;
  }
  &.icon-title-summary {
    background-position: -96px -65px;
    width: 28px;
    height: 28px;
  }
    &.icon-title-user {
    background-position: 1px -65px;
    width: 30px;
    height: 26px;
  }
  &.icon-title-analysis {
    background-position: -68px -65px;
    width: 27px;
    height: 27px;
  }
  &.icon-summary-buffer {
    background-position: -1px -1px;
    width: 21px;
    height: 21px;
  }
  &.icon-summary-play {
    background-position: -23px -1px;
    width: 26px;
    height: 25px;
  }
  &.icon-summary-fluent {
    background-position: -50px -1px;
    width: 26px;
    height: 12px;
  }
  &.icon-summary-nobuffer {
    background-position: -77px -1px;
    width: 23px;
    height: 25px;
  }
  &.icon-user-male {
    background-position: -1px -96px;
    width: 42px;
    height: 51px;
  }
  &.icon-user-female {
    background-position: -44px -96px;
    width: 36px;
    height: 49px;
  }
  &.icon-analysis-ipad {
    background-position: -120px -27px;
    width: 34px;
    height: 27px;
  }
    &.icon-analysis-phone {
    background-position: -95px -27px;
    width: 24px;
    height: 36px;
  }
  &.icon-analysis-computer {
    background-position: -45px -27px;
    width: 40px;
    height: 35px;
  }
  &.icon-analysis-tv {
    background-position: -1px -27px;
    width: 43px;
    height: 35px;
  }
}
